<template>
	<div class="college" v-cloak>
		<h3 class="title">大学排名</h3>
		<div class="banxin college-box clearfix  ">
			<div v-for="(item,ind) of college">
				<h3 class="com-top">{{item.title}}</h3>
				<ul class="pai-list">
					<li>
						<span>排名</span>
						<span>大学</span>
						<span>地区</span>
					</li>
					<li v-for="(i,index) in item.content">
						<span>{{ index+1 }}</span>
						<span>{{ i.school_name }}</span>
						<span>{{ i.city_name }}</span>
					</li>
				</ul>
			</div>
		</div>
	</div>
</template>
<script>
	'use strict';

module['index-collage'] = {
	template: template,
	data: function data() {
		var that = this;
		return {
			college: [{
				title: '大学综合排名',
				content: []
			}, {
				title: '大学竞争力排名',
				content: []
			}, {
				title: '毕业薪酬排名',
				content: []
			}]
		};
	},
	created: function created() {
		// 大学排名
		var that = this;
		base.request(base.api(22), { type: "", page: 1 }, function (d) {
			that.college[0].content = d.data.slice(0, 4);
		});
		base.request(base.api(22), { type: "salary", page: 1 }, function (d) {
			that.college[1].content = d.data.slice(0, 4);
		});
		base.request(base.api(22), { type: "pay", page: 1 }, function (d) {
			that.college[2].content = d.data.slice(0, 4);
		});
	}
};
</script>
<style>
	
</style>